const {defineConfig} = require('@vue/cli-service')
module.exports = defineConfig({
    transpileDependencies: true,
    css: {
        loaderOptions: {
            less: {
                lessOptions: {
                    // If you are using less-loader@5 please spread the lessOptions to options directly
                    modifyVars: {
                        'primary-color': '#1DA57A',
                        'link-color': '#1DA57A',
                        'border-radius-base': '2px',
                    },
                    javascriptEnabled: true,
                },
            },
        },
    },
//   跨域：
//     同源策略：同源策略会引起跨域问题，是浏览器中的一个安全协议，主机、协议、端口只要有一个不一致，就会引起同源策略从而引起跨域问题
//     解决办法：1.放开后台(不安全)  2.利用script标签中的src属性不受同源策略影响的特点，这种方式叫JSONP（也需要跟后端配合） 3.配置代理(在本地起一个服务，再去向后端服务器发送请求，服务器和服务器之间没有同源策略问题）
    devServer: {
        proxy: {
            //     配置代理名字
            // '/abc': {
            //     // https://course.myhope365.com/api/abc/weChat/applet/course/banner/list
            //     // https://course.myhope365.com/api/weChat/applet/course/banner/list
            //     // 代理路径
            //     target: 'https://course.myhope365.com/api',
            //     //  是否跨域
            //     changeOrigin: true,
            //     //     路径重写
            //     pathRewrite:{
            //         '^/abc':''
            //     }
            // },
            '/api': {
                // https://course.myhope365.com/api/weChat/applet/course/banner/list
                // https://course.myhope365.com/api/weChat/applet/course/banner/list
                // 代理路径
                target: 'https://course.myhope365.com',
                //  是否跨域
                changeOrigin: true,
                //     路径重写
                // pathRewrite:{
                //     '^/api':''
                // }
            },
        }
    }
})